<div class="blog-navibar">
    <div class="navi-item" style="font-size: 25px;"><a routerLink="">RobotClub</a> > Blog</div>
    <div class="navi-item fr" style="font-size: 20px; margin-right:20%"><a (click)="gotoBlog()">我的博客</a></div>
 
</div>

<div class="blog-container">
    <div class="active-user clearf">
        <div class="active-user-title">
            <div class="tag">活跃用户:</div>
            <div *ngIf="!isCollapse" class="link fr" (click)="showAllUser()">显示全部</div>
            <div *ngIf="isCollapse"  class="link fr" (click)="foldUp()">收起</div>
            
        </div>
        <div class="active-user-content" *ngFor="let user of activeUsers">
            <div class="userBox fl" (click)="gotoUserBlog(user.username)">
                <a class="avator"> {{ user.firstLetter }} </a>
                <div class="username">{{ user.username }}</div>
            </div>
        </div>
    </div>
    <div class="active-user-title">
        <div class="tag">文章分类:</div>     
    </div>
    <div class="blog-list">
        <p-tabView orientation="left" [activeIndex]="index">
            <p-tabPanel header="推荐">
                <ng-template pTemplate="content">
                    <app-blog-list [blogType]="'recommand'"></app-blog-list>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="控制算法">
                <ng-template pTemplate="content">
                    <app-blog-list [blogType]="'controllMethod'"></app-blog-list>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="机械设计">
                <ng-template pTemplate="content">
                    <app-blog-list [blogType]="'mechineDesign'"></app-blog-list>
                </ng-template>
            </p-tabPanel>
        </p-tabView>
    </div>


</div>

<app-footer></app-footer>
